/* ==================================================
   公共
   -----------------------------#--------------------- */
@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {margin: 0;padding: 0;}
html, body, input, button, textarea {color: #666;font: 12px/1.8 "微软雅黑",Microsoft YaHei,Arial,Tahoma,Verdana,Helvetica,sans-serif;}
body, html {width: 100%;height: 100%;-webkit-text-size-adjust: none;text-size-adjust: none;position: relative;background-color: #eee;}
i, em {font-style: normal;}
li {list-style: none;}
a {text-decoration:none;}
:focus {outline: none!important;}
/*滚动条*/
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {border-radius: 0px;background-color: rgba(0,0,0,0.1); }  
::-webkit-scrollbar-thumb {border-radius: 0px;background-color: gray;}
[v-cloak]{display: none;}
#app,.el-container,.el-main {width: 100%;height: 100%;overflow: hidden;padding: 0;margin:0;}
.hide {display: none;}
.show {display: block;}
.nav-txt-label, 
.el-header, 
.el-aside, 
.mk-aside-logo-warp div,
.mk-aside-welcome, 
.mk-aside-copyright{transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.error-image{width: 100%;height: 100%}
.mk-clearfix{display: block;}
.mk-iframe{width: 100%;height: -moz-calc(100% - 40px);height: -webkit-calc(100% - 40px);height: calc(100% - 40px);border: 0;}
.mk-app-warp{padding:16px;height: 100%;box-sizing: border-box;overflow: auto;}
.mk-table-cover{width: 48px; height: 48px;vertical-align: middle;margin-right: 10px;}
.website-title {font-size: 16px;color: #333;padding-left: 10px;text-align: left;position: relative;margin-bottom: 24px;height: 28px;line-height: 28px;}
.website-title:before {content: "";position: absolute;top: 1px;left: 0;width: 2px;height: 28px;border-radius: 5px;background: #5395e5;}
.website-title .tips {font-size: 12px;color: #999;padding-left: 10px;}
/*参数设置*/
.mk-parameter-item{margin-top: 20px;position: relative;}
.mk-parameter-item .title{width: 300px;}
.mk-parameter-item .value{width: -moz-calc(100% - 400px);width: -webkit-calc(100% - 400px);width: calc(100% - 400px);}
.mk-parameter-item .el-button{vertical-align: top}
/*表格内容*/
.el-table th>.cell {color: #06c;font-weight: normal;font-size: 12px;height: 34px;line-height: 34px;}
.el-table .cell{color: #7a7a7a;font-size: 12px;position: relative;overflow: visible;}
.el-table .el-select{width: 100%}
.el-table .el-input .el-input__inner{border-color: transparent;background-color: transparent;padding: 0 2px}
.el-table .el-input .el-input__inner:focus{border-color: #409EFF;}
.el-table .el-input.is-disabled .el-input__inner{border:none;color: #7a7a7a;background-color: transparent;}
.el-table .el-input.is-disabled .el-input__suffix{display: none}
.el-table .el-image{vertical-align: middle}
.el-table .el-image img{vertical-align: middle;max-width: 200px;}
.el-table .mk-config-value{max-height: 42px;}
.el-table .mk-file-list-select .mk-upload{display: none}
.el-table .scope-table{margin-top: 10px}
.el-table .scope-table-image{float: right;width:70%;margin-left:5%;margin-top: 0px}
.el-table .el-input__icon{display: none}
.el-table.tree .el-input{width: auto;}
.mk-table .el-tabs.not-exist .el-tabs__header{display: none}
.mk-table .el-select{width: 100%}
/*文档*/
.mk-docs {display: flex;}
.mk-docs .el-form {width: -moz-calc(100% - 380px);width: -webkit-calc(100% - 380px);width: calc(100% - 380px);margin-left: 20px}
.mk-docs .el-tree {width: 400px}
.mk-docs .el-tree .el-tree-node__content{height: 50px;border-bottom: 1px solid #eee;}
.mk-docs .el-tree .el-input {width: 266px}
.mk-docs .el-tree .el-input__inner {border-color: #fff}
.mk-docs .el-tree .el-input__inner:focus {border-color: #409EFF;outline: 0;}
/*登录页面*/
.login-wrapper{min-width: 1040px;min-height: 99.9vh;position: relative;}
.login-wrapper:before, .login-wrapper:after {content: '';position: fixed;bottom: 0;background-size: contain;background-repeat: no-repeat;z-index: 0;}
.login-wrapper:before {width: 394px;height: 468px;background-image: url(../images/login/wrapper_before.png);left: 0;}
.login-wrapper:after {width: 487px;height: 412px;background-image: url(../images/login/wrapper_after.png);right: 0;}
.login-container{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 1000px;z-index:1;}
.login-body{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);}
.login-side,.login-form{position: relative;width: 500px;height: 600px;}
.login-side-content,.login-form-content{padding: 80px 80px 48px}
.login-side{background: linear-gradient(0deg, #3a485a 0%, #607089 100%);}
.login-side::before, .login-side::after {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.login-side::before {background: url(../images/login/side_before.png) no-repeat 0 0;}
.login-side::after {background: url(../images/login/side_after.png) no-repeat right bottom;}
.login-side-logo img {width: 186px;}
.login-side-title{font-size: 24px;margin-top: 20px;color: #FFFFFF}
.login-side-comments{color: #fff;font-size: 14px;margin-top: 46px;line-height: 1.71429;}
.login-side-footer {position: absolute;bottom: 30px;font-size: 14px;padding-top: 40px;border-top: 1px solid rgba(255,255,255,0.2);}
.login-side-footer a {color: #FFFFFF;}
.login-form{background-color: #FFFFFF}
.login-form .login-title {color: #465C98;font-size: 24px}
.login-form .login-ctitle {color: #C4C4C4;font-size: 14px;}
.login-form .login-btn{background-color: #465C98;color: #FFFFFF}
.login-footer{margin-top: 50px;text-align: center;z-index: 1}
.login-footer .login-footer-item{margin: 0 10px;}
/*登录弹窗*/
.mk-login-dialog .el-dialog--center .el-dialog__body{height: 500px}
.mk-login-dialog .el-dialog__header{padding: 10px;}
.mk-login-dialog .el-dialog__title{color:#465C98;}
.mk-login-dialog .mk-aside-logo-warp{padding: 20px 0}
.mk-login-dialog .el-dialog__headerbtn .el-dialog__close{color:#465C98;}
.mk-login-dialog .el-dialog__headerbtn{top: 10px}
.mk-login-dialog .el-dialog--center .el-dialog__body{background-color: #465C98;padding:20px;}
.mk-login-dialog .regOrPwd a{color: #FFFFFF}
.mk-login-dialog .el-checkbox__label{color: #FFFFFF}
/*登录表单*/
.mk-login-form .el-form-item{margin-bottom: 5px}
.mk-login-form .mk-captcha-title{font-size: 20px;color:#333;margin: 20px 0;text-align: center;}
.mk-login-form .el-input{margin-top: 20px}
.mk-login-form .el-input__icon {line-height:40px;font-size: 16px;}
.mk-login-form .regOrPwd{height: 50px;line-height: 50px;}
.mk-login-form .regOrPwd .password{float: left;}
.mk-login-form .regOrPwd .register{float: right;}
.mk-login-form .el-checkbox{margin-top: 15px}
.mk-login-form .login-btn{width: 100%;height: 50px;cursor: pointer;font-size: 14px;margin-top: 20px}
/*分页*/
.el-pagination{padding: 20px;text-align: center;background-color: #FFFFFF;}
.el-pager li{font-weight: 400}
/*头部*/
.el-header {height: 50px!important;overflow: hidden;padding: 0;color: #333;background-color: #188ae2;}
.collapse .el-header {height: 0!important;}
.mk-nav {display: inline;float: right;}
.mk-nav .mk-nav-item {float: left;}
.mk-nav .mk-nav-item a {display: inline-block;position: relative;background: none;}
.mk-nav .mk-nav-item a:hover, .mk-nav .active a {background-color: rgba(255,255,255,.13);}
.mk-nav .mk-nav-item > a {transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;}
.mk-nav .mk-nav-item > a i {display: inline-block;position: relative;float: left;width: 20px;height: 20px;margin-top: 0px;font-size: 20px;color: #FFF;z-index: 9;}
.mk-nav .nav-txt-label {display: inline-block;float: left;height:30px;color: #fff;z-index: 11;position: relative;margin-left: 0;}
.mk-icon-down {transition: transform .3s;}
.flag-show .mk-icon-down {transform: rotate(180deg);}
.mk-nav-item .el-dropdown:hover, .mk-nav-item .flag-show{background-color: rgba(255,255,255,.13);}
/*通知*/
.mk-notice{max-width: 50%;color: #FFFFFF;overflow: hidden;margin: 10px 20px;float: left;position: relative;padding-left: 45px;height: 30px;}
.mk-notice-ico{position: absolute;left: 0;top: 0;width: 35px;height: 30px;background: url(../images/horn.png) no-repeat 0 0;}
.mk-notice ul {position: relative;font-size: 14px;margin-top: 2px;}
.mk-notice .mk-notice-top {transition: all 0.5s;margin-top: -23px;}
/*个人信息*/
.mk-userinfo {height: 26px;line-height: 26px;padding: 12px;}
.mk-userinfo-list-icon i {font-size: 16px;margin-right: 10px}
.mk-userinfo-cover {float: left;margin-right: 5px;height: 26px;width: 26px;border-radius: 26px}
/*语言*/
.mk-language {height: 20px;line-height: 20px;padding: 15px;}
.mk-flag-warp {width: 150px;}
.mk-flag-icon {width: 30px;height: 20px;vertical-align: middle;margin-right: 5px;}
/*面包屑*/
.mk-navigation {height: 100%}
.mk-navigation .mk-btn-full-screen {position: relative;z-index: 1;width: 20px;height: 20px;padding: 10px;float: left;background-color: #d9d9d9;margin: 0;cursor: pointer;}
.mk-navigation .mk-btn-full-screen i {display: inline-block;width: 20px;height: 20px;background-image: url(../images/collapse.png);background-repeat: no-repeat;background-position:0 0;float: left;}
.collapse .mk-navigation .mk-btn-full-screen i {background-position: 0 -30px;}
.mk-navigation .mk-header-tabs {background-color: #e1e1e1;}
.mk-navigation .el-tabs--card>.el-tabs__header .el-tabs__item:first-child .el-icon-close {display: none;}
.mk-navigation .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom: 0;}
.mk-navigation .mk-header-tabs .el-tabs__header{margin: 0}
.mk-navigation .mk-header-tabs .el-tabs__nav {border-radius: 0!important;border-top: 0!important;border-bottom: 0!important;}
/*侧边*/
.mk-aside {position: relative;height: 100%;background-color: #474747;overflow: hidden;}
.mk-aside-logo-warp {height: 36px;padding: 7px 0;}
.mk-aside-logo-warp div {display: block;width: 186px;height: 36px;margin: 0 auto;background: url(../images/logo.png) 0 0 no-repeat;}
.mk-aside-welcome {height: 82px;color: #eee;font-size: 12px;overflow: hidden;display: block;text-align: center;line-height: 30px;padding: 20px 0 0;background-image: url(../images/aside.jpg);background-repeat : no-repeat;background-position: 0 0}
.mk-aside-copyright {position: absolute;width: 100%;height: 40px;color: #eee;font-size: 12px;overflow: hidden;left: 0;bottom: 0;background-color: #5b5b5b;padding: 10px 0;text-align: center;z-index: 99;}
.mk-aside-menu {border-right: 0;width: auto!important;overflow: auto;height:-webkit-calc(100% - 210px);height:-moz-calc(100% - 210px);height:calc(100% - 210px);}
.mk-aside-menu [class^=el-icon-] {font-size: 24px;margin-right: 15px;}
.collapse .mk-aside {width: 64px!important;}
.collapse .mk-aside-menu{height:-webkit-calc(100% - 70px);height:-moz-calc(100% - 70px);height:calc(100% - 70px);overflow-x: hidden;}
.collapse .mk-aside-logo-warp div {width: 42px}
.collapse .mk-aside-welcome {height: 0;padding: 0;}
.collapse .mk-aside-copyright {height: 22px;padding: 0;}
.copyright-font{color: #eee}
.copyright-font:hover{color: rgb(255, 208, 75)}
/*编辑器*/
.mk-editor {width: 100%; position: relative;}
#edui_fixedlayer{z-index: 2100!important;}
/*动画*/
@-webkit-keyframes wow-bg-rtol {0%{background-position:0 0;}100%{background-position:right 0;}}
@keyframes wow-bg-rtol {0%{background-position:0 0;}100%{background-position:right 0;}}
.wow-bg-rtol {-webkit-animation:wow-bg-rtol 20s linear 0s infinite forwards;animation:wow-bg-rtol 20s linear 0s infinite forwards;}
.wow-bg-rtol:hover {-webkit-animation-play-state:paused;animation-play-state:paused;}
/*抽屉页*/
.el-drawer{outline: 0;}
.el-scrollbar__wrap{overflow-y: auto;overflow-x: hidden;}
.mk-tree-interval{padding-left: 10px}
.mk-drawer-form .mk-drawer-warp{position: relative;padding: 15px 15px 0 15px;height: 100%;}
.mk-drawer-form .el-page-header{border: 1px solid #ebebeb;padding: 0 15px;height: 60px;line-height: 60px;}
.mk-drawer-form .el-page-header__content{font-size: 14px}
.mk-drawer-form .mk-drawer-main{padding: 10px;border: 1px solid #ebebeb;border-top: 0px;overflow: auto;}
.mk-drawer-form .mk-drawer-footer{width: 330px;height: 60px;line-height: 60px;margin: 0 auto;text-align: center;position: absolute;bottom: 0px;right: 0;left: 0;}
.mk-drawer-form .mk-drawer-footer .el-button{width: 150px;}
/*配置*/
.mk-box-card-item{margin-top: 30px;}
.mk-pane-warp{overflow: auto;height: 100%;background-color: #fff;padding: 16px;}
.mk-pane-button{text-align: center;position: absolute;bottom: 10px;right: 0;left: 0;}
.mk-pane-button .el-button{padding: 10px 80px}
/*卡片标签页*/
.mk-card-tabs .el-tab-pane{padding: 16px;overflow: hidden;}
.mk-card-tabs .el-collapse{background-color: #FFFFFF;padding: 0 20px;margin-top:42px;}
.mk-card-tabs .el-tabs__nav{background-color: #FFFFFF;margin-bottom: 1px;}
.mk-card-tabs .el-tabs__header{margin:0px;}
.mk-card-tabs .el-tabs--card>.el-tabs__header{border-bottom-color: #409EFF!important;border-width: 2px!important;}
.mk-card-tabs .el-tabs--card>.el-tabs__header .el-tabs__item {border-bottom-width: 2px;}
.mk-card-tabs .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {color: #FFFFFF;background-color: #409EFF;border-color: #409EFF;}
/*文件列表*/
.mk-file-list {background-color: #fff;}
.mk-file-list .mk-files-tabs {height: 100%;}
.mk-file-list .el-tab-pane{padding: 0;}
.mk-file-list .el-tabs__content {border-left: 2px solid #eee}
.mk-file-list .el-tabs__item{width: 150px;height: 60px;line-height: 60px;text-align: center!important;}
.mk-file-list .el-tabs--left .el-tabs__active-bar.is-left{height: 60px;left: 0;}
.mk-file-list .el-tabs--left .el-tabs__header.is-left{margin-right: 0}
.mk-file-list .el-tabs--left .el-tabs__active-bar.is-left{width: 5px}
.mk-file-list .el-tabs--left .el-tabs__nav-wrap.is-left::after{width: 0}
.mk-file-list .files-header{height: 50px;line-height: 50px;border-bottom: 1px solid #eee;padding: 0 10px}
.mk-file-list .file-upload{display: inline-table;}
.mk-file-list .el-breadcrumb{display: inline-block;margin-left: 10px}
.mk-file-list .input-keyword{float: right;width: 250px;margin-top: 9px}
.mk-file-list .el-button{border-color: #fff;}
.mk-file-list .el-button i{font-size: 16px;}
.mk-file-list .icon-button {margin:0!important;border-right: 1px solid #eee;padding: 0px 15px;}
.mk-file-list .icon-button i{font-size: 20px;}
.mk-file-list .icon-button.is-plain:focus, .icon-button.is-plain:hover{border-color: #fff}
.mk-file-list .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover{border-color: #fff}
.mk-file-list .files-warp{overflow: auto;}
.mk-file-list .file-title-cover{cursor: pointer;width: 280px;height: 40px;position: relative;}
.mk-file-list .file-title{width: 210px;display: inline-block;position: absolute;top: 6.5px;border:1px solid #409eff;border-radius: 4px;}
.mk-file-list .file-title-disabled{color:#7a7a7a;border-color: transparent;background-color: transparent;cursor: pointer}
.mk-file-list .file-cover,.el-progress-circle{max-width: 40px!important;max-height: 40px!important;margin-right: 5px;}
.mk-file-list .el-progress__text{font-size: 12px!important;}
.mk-file-list .shear-row {opacity: 0.3;}
.mk-file-list .el-breadcrumb-item-span {cursor: pointer;}
.mk-file-list .infinite-tips{text-align: center;font-size: 14px;height: 40px;line-height: 40px;}
.mk-file-list .infinite-tips i {margin-right: 10px;font-size: 16px;}
.mk-file-list .popup-mode .has-gutter .el-checkbox{display:none !important}
.mk-file-list .count-size{color: #409EFF;cursor: pointer;}
.mk-file-list .mk-operation-btn{cursor: pointer;margin: 5px;}
.mk-file-list .mk-operation-btn:hover{color: #409EFF}
/*文件弹窗*/
.mk-file-dialog{background-color: rgba(0,0,0,.5);}
.mk-file-dialog .el-dialog__header{padding: 10px 50px;border-bottom: 1px solid #eee;}
.mk-file-dialog .el-dialog__headerbtn{top: auto;}
.mk-file-dialog .el-dialog__body{padding: 0}
.mk-file-dialog .mk-file-selected{width: 100px;height: 100%;position: absolute;right: -101px;top: 0;background-color: #fff;overflow: auto;}
.mk-file-dialog .mk-list-selected{margin-top: 40px;}
.mk-file-dialog .mk-item-selected{width: 68px;height: 68px;;position: relative;padding: 5px;margin: 10px;border: 1px solid #eee;text-align: center;}
.mk-file-dialog .el-table::before{height:0;}
.mk-file-dialog .mk-item-selected .el-image{max-height: 68px;border:0;padding: 0}
.mk-file-dialog .mk-item-selected .el-icon-close{background-color: #eee;color: #F56C6C;font-size: 14px;padding: 2px;position: absolute;top: -8px;right: -8px;border-radius: 16px;z-index: 1;cursor: pointer;}
.mk-file-dialog .mk-limit-tips{color: #666;text-align: center;position: fixed;z-index: 1;height: 30px;line-height: 30px;background-color: #fff;width: 100px;}
/*文件预览*/
.mk-file-preview .mk-preview-iframe {border:0;width: 100%;text-align: center;}
.mk-file-preview .el-dialog--center .el-dialog__body {text-align: center;background-color: #eee;}
.mk-file-select .mk-file-cover{border: 1px solid #eee;padding: 2px;overflow: visible;}
.mk-file-select .mk-file-cover img{vertical-align: middle;width: 100%;height: auto;}
.mk-file-cover{position: relative;display: inline-block;vertical-align: bottom;}
.mk-file-cover .el-icon-close{background-color: #eee;color: #F56C6C;font-size: 14px;padding: 2px;position: absolute;top: -8px;right: -8px;border-radius: 16px;z-index: 1;cursor: pointer;}
.mk-file-tips{width: 100%;overflow: hidden;position: absolute;bottom: 0;left: 0;height: 0;background: #333;opacity: 0;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.mk-file-tips .icon{text-align: center;left: 50%;top: 50%;position: absolute;width: 100%;transform: translate(-50%,-50%);}
.mk-file-tips .icon i{font-size: 20px;color: #fff;cursor: pointer;}
.mk-file-tips .icon i:last-child{margin-left: 5px;}
.mk-file-cover:hover .mk-file-tips{height: 100%;opacity: 0.8;}
/*多文件选择*/
.mk-file-list-select {position: relative;background-color: #fff;}
.mk-file-list-select .mk-select-list {display: inline-block;vertical-align:top;}
.mk-file-list-select .mk-select-item {display: inline-block;vertical-align:top;margin-bottom: 5px;margin-right: 5px;cursor:move;}
.mk-file-list-select .mk-select-item-cover{border: 1px solid #eee;padding: 2px;}
.mk-file-list-select .mk-select-item .el-image{width: 100%;height: 100%;}
.mk-file-list-select .mk-upload {position: relative;border: 1px dashed #d9d9d9;cursor: pointer;}
.mk-file-list-select .mk-upload .el-icon-close,
.mk-file-list-select .mk-upload .el-icon-plus{font-size: 28px;color: #8c939d; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.mk-item-selected:hover .mk-file-tips{height: 100%;opacity: 0.8;}
/*排序*/
.mk-sortable-rank{cursor: move;}
/*自定义字段*/
.mk-field{background-color: #fff;}
.mk-field .mk-field-item{padding-bottom: 22px;position: relative;}
.mk-field .el-form-item{padding-bottom: 22px;padding-right: 10px;}
.mk-field .mk-field-item-value{width:-webkit-calc(100% - 130px);width:-moz-calc(100% - 130px);width:calc(100% - 130px);}
.mk-field .mk-field-button{position: absolute;right: 10px;top: 0}
/*个人信息*/
.mk-personal-form{background: #fff;padding: 15px;margin-bottom: 15px}
/*插件库*/
.mk-plugin-card {margin-bottom: 15px;}
.mk-plugin-card .el-tab-pane{padding: 0}
.mk-plugin-title{font-size: 16px;color: #0073aa}
.mk-plugin-interval{font-size: 24px;display: inline-block;margin:0 10px;}
.mk-plugin-details .el-dialog__header {padding: 0}
.mk-plugin-details .el-dialog__body {padding: 20px}
.mk-plugin-details .el-dialog__footer {padding: 20px}
.mk-plugin-details .el-tab-pane {height: 500px;overflow: auto;}
.mk-plugin-details .mk-details-title {height: 50px;font-size: 20px}
.mk-plugin-overview p {margin:20px 0;}
.mk-details-icon{width: 30px;vertical-align: middle;margin-right: 10px;}
.mk-plugin-assess {margin-bottom:10px;}
.mk-plugin-assess .mk-portrait {width: 30px; height: 30px;vertical-align: middle;margin-right: 5px;}
.mk-plugin-assess .mk-point {margin:0 10px;}
.mk-plugin-assess p {margin-top: 5px}
.mk-plugin-problem {margin-bottom:10px;}
.mk-plugin-problem p {margin-top: 5px}
.mk-plugin-problem p:first-child {font-size: 16px}
.mk-plugin-edition {margin-bottom: 10px;}
.mk-plugin-content img{max-width: 100%}
.mk-plugins-catalog {margin-bottom: 20px;padding: 10px;}
.mk-plugins-catalog .el-card__body{padding: 0}
.mk-plugins-catalog .el-card__body ul li{float: left;padding: 10px 20px;}
.mk-plugins-catalog-item{padding: 0;position: relative;overflow-y: hidden;}
.mk-plugins-catalog-item .title {float: left;padding: 10px 0;width: 50px;display: block;overflow: hidden;text-align: right;font-size: 14px;}
.mk-plugins-catalog-item .active{color: #409EFF}
/*主题*/
@-webkit-keyframes scrollImg{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + 216px))}}
@keyframes scrollImg{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + 216px))}}
.mk-themes{}
.mk-themes-item{width: 362px;height: 295px;position: relative;transition: transform .3s ease;margin: 0 33px 34px 0;display: inline-block;vertical-align: top;background: url(../images/rapidBase.png) no-repeat -8.5px -177px;}
.mk-themes-count{position: absolute;right: 2px;top: 3px;z-index: 1;display: inline-block;padding: 5px 6px;color: #fff;background: linear-gradient(#fec95b,#fda957);text-align: center;font-size: 12px;border-bottom-left-radius: 8px;border-top-right-radius: 8px;font-style: normal;}
.mk-themes-img{width: 100%;height: 216px;padding: 0 4px;box-sizing: border-box;overflow: hidden;position: absolute;top: 17px;}
.mk-themes-animation{width: 100%;display: inline-block;will-change: transform;}
.mk-themes-scrollImg{position: relative;width: 100%;top: 0;}
.mk-themes-tool{padding:0 15px;width: 100%;height: 60px;text-align: center;font-size: 15px;line-height: 60px;background-color: #fff;position: absolute;bottom: 0;}
.mk-themes-view{display: none;width: calc(100% - 6px);margin: 0 auto;height: 100%;justify-content: space-around;align-items: center;padding: 0 37px;box-sizing: border-box;}
.mk-themes-view .el-button{width: 110px;}
.mk-themes-tool .title{float: left;}
.mk-themes-tool .price{color: #e74c3c;float: right;}
.mk-themes-tool .free{color: #409EFF}
.mk-themes-item:hover {transform: translateY(-10px);}
.mk-themes-item:hover .mk-themes-view {display: flex;}
.mk-themes-item:hover .mk-themes-name{display: none;}
.mk-themes-item:hover .mk-themes-scrollImg{animation: 5s ease-in-out 0s 1 normal forwards running scrollImg;webkit-animation: 5s ease-in-out 0s 1 normal forwards running scrollImg;}
.mk-themes-preview-change{position: absolute;right: 60px;top: 34px;font-size: 26px;cursor: pointer;}
.mk-themes-preview-tabs{padding: 0;text-align: center;height: -moz-calc(100% - 62px);height: -webkit-calc(100% - 62px);height: calc(100% - 62px);overflow: hidden;}
.mk-themes-preview-tabs.mk-iphone{margin-top: 10px;width: 384px;height: 750px;margin: 10px auto;position: relative;background: url(../images/iphone.png) no-repeat;background-size: 100%;}
.mk-themes-preview-tabs iframe{height: 100%;width: 100%;border: 0}
.mk-themes-preview-tabs.mk-iphone iframe{height: -moz-calc(100% - 176px);height: -webkit-calc(100% - 176px);height: calc(100% - 176px);width: -moz-calc(100% - 49px);width: -webkit-calc(100% - 49px);width: calc(100% - 49px);border: 0;margin-top: 84px;margin-left: 15px;}
.mk-emptyList{padding: 20px;text-align: center;font-size: 16px;}
.mk-order-dialog .el-dialog__body {padding: 0 20px;}
.mk-order-dialog iframe {width: 100%;height: 570px;border: 0;}
@media screen and (max-width: 768px) {
	.login-side{display:none}
	.login-wrapper{min-width:100%}
	.login-container{width:100%}
	.login-side-content, .login-form-content{padding: 20px}
	.login-body{margin-top: 80px}
}